<template>
  <button  bindcontact="handleContact" class="do_contact" >
    <u--image class="button-img" v-if="!allStatusEqualsFail" :src="`${baseStaticFileUrl}/image/import-floating-window/audit.svg`" width="105rpx" height="105rpx" mode="widthFix"/>
    <u--image class="button-img" v-else :src="`${baseStaticFileUrl}/image/import-floating-window/auditRejected.svg`" width="105rpx" height="105rpx" mode="widthFix"/>
    <view class="button-text" v-if="!allStatusEqualsFail">进件</view>
    <view class="button-text" style="color: red" v-else>拒绝</view>
  </button>



</template>

<script>
    export default {
        data() {
            return {
                baseStaticFileUrl: this.$configPath.staticFileUrl,
            }
        },
      props:{
        allStatusEqualsFail: {
          type: Boolean,
          value: false
        },
      },
    }
</script>


<style lang="scss">

	button::after{
	  border: none;
	}
    .do_contact {
        position: fixed;
        right: 0rpx;
        bottom: 420rpx;
        width: 180rpx;
        height:125rpx;

        border-radius: 60rpx 0rpx 0rpx 60rpx;
        background-color: #FFFFFF;
        box-shadow: -2rpx 4rpx 4rpx rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99999;
    }
    .button-img{
    }

    // .button-text {
    //     margin-left: 10rpx;
    //     margin-right: 10rpx;
    //     font-size: 20rpx;
    //     line-height: 26rpx;
    //     width: 10rpx;
    // }
	.button-text {
	    margin-left: 15rpx;
	    margin-right: 15rpx;
	    font-size: 30rpx;
	    line-height: 35rpx;
	    width: 25rpx;
	}
</style>
